<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: acer66666666666666
  Date: 2019/7/7
  Time: 9:08
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>
	<head>
		<meta charset="UTF-8">
		<title>小米商城</title>

		<link rel="stylesheet" type="text/css" href="css/style.css">
        <style>

        .img img{
            width: 45px;
            height: 45px;
        }
        </style>
	</head>

	<script src="js/jquery/2.0.0/jquery.min.js"></script>

	<script src="js/bootstrap/3.3.6/bootstrap.min.js"></script>

	<body>
	<!-- start header -->
<jsp:include page="include/top.jsp"></jsp:include>
<!--****************************************************8-->

    <jsp:include page="include/seacher.jsp"></jsp:include>





    <!-- start banner_y -->
    <div class="banner_y center">
        <div class="nav">

            <ul>


                <li>
                    <a href="">小米手机</a>
                    <div class="pop">

                        <div class="left fl">
                            <!--6-->
                            <c:forEach items="${pageL1.list}" var="paL" begin="0" end="5">
                                <div>
                                    <div class="xuangou_left fl">
                                        <a href="/showProduct?product_id=${paL.id}">
                                            <div class="img fl"><img src="${path}/${paL.id}.jpg" alt=""></div>
                                            <span class="fl">${paL.name}</span>
                                            <div class="clear"></div>
                                        </a>
                                    </div>
                                    <div class="xuangou_right fr"><a href="/showProduct?product_id=${paL.id}" >选购</a></div>
                                    <div class="clear"></div>
                                </div>
                            </c:forEach>
                        </div>

                        <div class="ctn fl">

                            <c:forEach items="${pageL1.list}" var="paL" begin="6" end="11">
                                <div>
                                    <div class="xuangou_left fl">
                                        <a href="/showProduct?product_id=${paL.id}">
                                            <div class="img fl"><img src="${path}/${paL.id}.jpg" alt=""></div>
                                            <span class="fl">${paL.name}</span>
                                            <div class="clear"></div>
                                        </a>
                                    </div>
                                    <div class="xuangou_right fr"><a href="/showProduct?product_id=${paL.id}" >选购</a></div>
                                    <div class="clear"></div>
                                </div>
                            </c:forEach>
                        </div>
                        <div class="right fl">
                            <!--2-->
                            <c:forEach items="${pageL1.list}" var="paL" begin="12" end="13">
                            <div>
                                <div class="xuangou_left fl">
                                    <a href="/showProduct?product_id=${paL.id}">
                                        <div class="img fl"><img src="${path}/${paL.id}.jpg" alt=""></div>
                                        <span class="fl">${paL.name}</span>
                                        <div class="clear"></div>
                                    </a>
                                </div>
                                <div class="xuangou_right fr"><a href="/showProduct?product_id=${paL.id}" >选购</a></div>
                                <div class="clear"></div>
                                </c:forEach>
                            </div>
                </li>
                <li>

                </li>

                <li>
                    <a href="">红米手机</a>
                    <div class="pop">

                        <div class="left fl">
                            <!--6-->
                            <c:forEach items="${pageL2.list}" var="paL" begin="0" end="5">
                                <div>
                                    <div class="xuangou_left fl">
                                        <a href="/showProduct?product_id=${paL.id}">
                                            <div class="img fl"><img src="${path}/${paL.id}.jpg" alt=""></div>
                                            <span class="fl">${paL.name}</span>
                                            <div class="clear"></div>
                                        </a>
                                    </div>
                                    <div class="xuangou_right fr"><a href="/showProduct?product_id=${paL.id}" >选购</a></div>
                                    <div class="clear"></div>
                                </div>
                            </c:forEach>
                        </div>

                        <div class="ctn fl">

                            <c:forEach items="${pageL2.list}" var="paL" begin="6" end="11">
                                <div>
                                    <div class="xuangou_left fl">
                                        <a href="/showProduct?product_id=${paL.id}">
                                            <div class="img fl"><img src="${path}/${paL.id}.jpg" alt=""></div>
                                            <span class="fl">${paL.name}</span>
                                            <div class="clear"></div>
                                        </a>
                                    </div>
                                    <div class="xuangou_right fr"><a href="/showProduct?product_id=${paL.id}" >选购</a></div>
                                    <div class="clear"></div>
                                </div>
                            </c:forEach>
                        </div>
                        <div class="right fl">
                            <!--2-->
                            <c:forEach items="${pageL2.list}" var="paL" begin="12" end="13">
                            <div>
                                <div class="xuangou_left fl">
                                    <a href="/showProduct?product_id=${paL.id}">
                                        <div class="img fl"><img src="${path}/${paL.id}.jpg" alt=""></div>
                                        <span class="fl">${paL.name}</span>
                                        <div class="clear"></div>
                                    </a>
                                </div>
                                <div class="xuangou_right fr"><a href="/showProduct?product_id=${paL.id}" >选购</a></div>
                                <div class="clear"></div>
                                </c:forEach>
                            </div>
                </li>
                <li>

                </li>

                <li>
                    <a href="">小米平板</a>
                    <div class="pop">

                        <div class="left fl">
                            <!--6-->
                            <c:forEach items="${pageL3.list}" var="paL" begin="0" end="5">
                                <div>
                                    <div class="xuangou_left fl">
                                        <a href="/showProduct?product_id=${paL.id}">
                                            <div class="img fl"><img src="${path}/${paL.id}.jpg" alt=""></div>
                                            <span class="fl">${paL.name}</span>
                                            <div class="clear"></div>
                                        </a>
                                    </div>
                                    <div class="xuangou_right fr"><a href="/showProduct?product_id=${paL.id}" >选购</a></div>
                                    <div class="clear"></div>
                                </div>
                            </c:forEach>
                        </div>

                        <div class="ctn fl">

                            <c:forEach items="${pageL3.list}" var="paL" begin="6" end="11">
                                <div>
                                    <div class="xuangou_left fl">
                                        <a href="/showProduct?product_id=${paL.id}">
                                            <div class="img fl"><img src="${path}/${paL.id}.jpg" alt=""></div>
                                            <span class="fl">${paL.name}</span>
                                            <div class="clear"></div>
                                        </a>
                                    </div>
                                    <div class="xuangou_right fr"><a href="/showProduct?product_id=${paL.id}" >选购</a></div>
                                    <div class="clear"></div>
                                </div>
                            </c:forEach>
                        </div>
                        <div class="right fl">
                            <!--2-->
                            <c:forEach items="${pageL3.list}" var="paL" begin="12" end="13">
                            <div>
                                <div class="xuangou_left fl">
                                    <a href="/showProduct?product_id=${paL.id}">
                                        <div class="img fl"><img src="${path}/${paL.id}.jpg" alt=""></div>
                                        <span class="fl">${paL.name}</span>
                                        <div class="clear"></div>
                                    </a>
                                </div>
                                <div class="xuangou_right fr"><a href="/showProduct?product_id=${paL.id}" >选购</a></div>
                                <div class="clear"></div>
                                </c:forEach>
                            </div>
                </li>
                <li>

                </li>
                <!-- -->
                <li>
                    <a href="">小米CC</a>
                    <div class="pop">

                        <div class="left fl">
                            <!--6-->
                            <c:forEach items="${pageL4.list}" var="paL" begin="0" end="5">
                                <div>
                                    <div class="xuangou_left fl">
                                        <a href="/showProduct?product_id=${paL.id}">
                                            <div class="img fl"><img src="${path}/${paL.id}.jpg" alt=""></div>
                                            <span class="fl">${paL.name}</span>
                                            <div class="clear"></div>
                                        </a>
                                    </div>
                                    <div class="xuangou_right fr"><a href="/showProduct?product_id=${paL.id}" >选购</a></div>
                                    <div class="clear"></div>
                                </div>
                            </c:forEach>
                        </div>

                        <div class="ctn fl">

                            <c:forEach items="${pageL4.list}" var="paL" begin="6" end="11">
                                <div>
                                    <div class="xuangou_left fl">
                                        <a href="/showProduct?product_id=${paL.id}">
                                            <div class="img fl"><img src="${path}/${paL.id}.jpg" alt=""></div>
                                            <span class="fl">${paL.name}</span>
                                            <div class="clear"></div>
                                        </a>
                                    </div>
                                    <div class="xuangou_right fr"><a href="/showProduct?product_id=${paL.id}" >选购</a></div>
                                    <div class="clear"></div>
                                </div>
                            </c:forEach>
                        </div>
                        <div class="right fl">
                            <!--2-->
                            <c:forEach items="${pageL4.list}" var="paL" begin="12" end="13">
                            <div>
                                <div class="xuangou_left fl">
                                    <a href="/showProduct?product_id=${paL.id}">
                                        <div class="img fl"><img src="${path}/${paL.id}.jpg alt=""></div>
                                        <span class="fl">${paL.name}</span>
                                        <div class="clear"></div>
                                    </a>
                                </div>
                                <div class="xuangou_right fr"><a href="/showProduct?product_id=${paL.id}" >选购</a></div>
                                <div class="clear"></div>
                                </c:forEach>
                            </div>
                </li>
                <li>

                </li>
                <!---->
                <li>
                    <a href="">小米MIX</a>
                    <div class="pop">

                        <div class="left fl">
                            <!--6-->
                            <c:forEach items="${pageL5.list}" var="paL" begin="0" end="5">
                                <div>
                                    <div class="xuangou_left fl">
                                        <a href="/showProduct?product_id=${paL.id}">
                                            <div class="img fl"><img src="${path}/${paL.id}.jpg" alt=""></div>
                                            <span class="fl">${paL.name}</span>
                                            <div class="clear"></div>
                                        </a>
                                    </div>
                                    <div class="xuangou_right fr"><a href="/showProduct?product_id=${paL.id}" >选购</a></div>
                                    <div class="clear"></div>
                                </div>
                            </c:forEach>
                        </div>

                        <div class="ctn fl">

                            <c:forEach items="${pageL5.list}" var="paL" begin="6" end="11">
                                <div>
                                    <div class="xuangou_left fl">
                                        <a href="/showProduct?product_id=${paL.id}">
                                            <div class="img fl"><img src="${path}/${paL.id}.jpg" alt=""></div>
                                            <span class="fl">${paL.name}</span>
                                            <div class="clear"></div>
                                        </a>
                                    </div>
                                    <div class="xuangou_right fr"><a href="/showProduct?product_id=${paL.id}" >选购</a></div>
                                    <div class="clear"></div>
                                </div>
                            </c:forEach>
                        </div>
                        <div class="right fl">
                            <!--2-->
                            <c:forEach items="${pageL5.list}" var="paL" begin="12" end="13">
                            <div>
                                <div class="xuangou_left fl">
                                    <a href="/showProduct?product_id=${paL.id}">
                                        <div class="img fl"><img src="${path}/${paL.id}.jpg" alt=""></div>
                                        <span class="fl">${paL.name}</span>
                                        <div class="clear"></div>
                                    </a>
                                </div>
                                <div class="xuangou_right fr"><a href="/showProduct?product_id=${paL.id}" >选购</a></div>
                                <div class="clear"></div>
                                </c:forEach>
                            </div>
                </li>
                <li>

                </li>


            </ul>
        </div>

    </div>

		<div class="sub_banner center">
			<div class="sidebar fl">
				<div class="fl"><a href=""><img src="image/hjh_01.gif"></a></div>
				<div class="fl"><a href=""><img src="image/hjh_02.gif"></a></div>
				<div class="fl"><a href=""><img src="image/hjh_03.gif"></a></div>
				<div class="fl"><a href=""><img src="image/hjh_04.gif"></a></div>
				<div class="fl"><a href=""><img src="image/hjh_05.gif"></a></div>
				<div class="fl"><a href=""><img src="image/hjh_06.gif"></a></div>
				<div class="clear"></div>
			</div>
			<div class="datu fl"><a href=""><img src="image/new_index/img/mi9.jpg" alt=""></a></div>
			<div class="datu fl"><a href=""><img src="image/new_index/img/micc9.jpg" alt=""></a></div>
			<div class="datu fr"><a href=""><img src="image/hongmi4x.png" alt=""></a></div>
			<div class="clear"></div>


		</div>
	<!-- end banner -->

	<!-- start danpin -->
		<div class="danpin center">
			
			<div class="biaoti center">小米明星单品</div>
			<div class="main center">
				<div class="mingxing fl">
					<div class="sub_mingxing"><a href=""><img src="image/pinpai1.png" alt=""></a></div>
					<div class="pinpai"><a href="">小米MIX</a></div>
					<div class="youhui">5月9日-21日享花呗12期分期免息</div>
					<div class="jiage">3499元起</div>
				</div>
				<div class="mingxing fl">
					<div class="sub_mingxing"><a href=""><img src="image/pinpai2.png" alt=""></a></div>
					<div class="pinpai"><a href="">小米5s</a></div>
					<div class="youhui">5月9日-10日，下单立减200元</div>
					<div class="jiage">1999元</div>
				</div>
				<div class="mingxing fl">
					<div class="sub_mingxing"><a href=""><img src="image/pinpai3.png" alt=""></a></div>
					<div class="pinpai"><a href="">小米手机5 64GB</a></div>
					<div class="youhui">5月9日-10日，下单立减100元</div>
					<div class="jiage">1799元</div>
				</div>
				<div class="mingxing fl"> 	
					<div class="sub_mingxing"><a href=""><img src="image/phone/CC9E.jpg" style="width: 150px;height: 150px" alt=""></a></div>
					<div class="pinpai"><a href="">小米cc9e </a></div>
					<div class="youhui">5月9日，下单立减200元</div>
					<div class="jiage">2500元</div>
				</div>
				<div class="mingxing fl">
					<div class="sub_mingxing"><a href=""><img src="image/phone/mipad4.jpg" style="width: 150px;height: 150px" alt=""></a></div>
					<div class="pinpai"><a href="">小米平板</a></div>
					<div class="youhui">更轻更薄，像杂志一样随身携带</div>
					<div class="jiage">1000元起</div>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<div class="peijian w">
			<div class="biaoti center">手机</div>
			<div class="main center">
				<div class="content">
					<div class="remen fl"><a href=""><img src="image/phone/center.jpg" style="width: 234px;height: 610px"></a>
					</div>
					<div class="remen fl">
						<div class="xinpin"><span>新品</span></div>
						<div class="tu"><a href=""><img src="image/phone/mi_9.jpg" style="width: 150px;height: 150px"></a></div>
						<div class="miaoshu"><a href="">小米9</a></div>
						<div class="jiage">2999元</div>
						<div class="pingjia">骁龙855，索尼4800万超广角微距三摄</div>
					</div>
					<div class="remen fl">
						<div class="xinpin"><span style="background:#fff"></span></div>
						<div class="tu"><a href=""><img src="image/phone/mix_3.jpg"style="width: 150px;height: 150px"></a></div>
						<div class="miaoshu"><a href="">小米mix3</a></div>
						<div class="jiage">3299元</div>
						<div class="pingjia">磁动力滑盖全面屏 / 四曲面陶瓷机身</div>
					</div>
					<div class="remen fl">
						<div class="xinpin"><span style="background:red">享6折</span></div>
						<div class="tu"><a href=""><img src="image/phone/redminote7.jpg"style="width: 150px;height: 150px"></a></div>
						<div class="miaoshu"><a href="">Redmi Note 7 Pro</a></div>
						<div class="jiage">1599元</div>
						<div class="pingjia">6GB+128GB大存储，索尼4800万拍照</div>
					</div>
					<div class="remen fl">
						<div class="xinpin"><span style="background:#fff"></span></div>
						<div class="tu"><a href=""><img src="image/phone/miplay.png"style="width: 150px;height: 150px"></a></div>
						<div class="miaoshu"><a href="">小米Play</a></div>
						<div class="jiage">749元</div>
						<div class="pingjia">八核高性能处理器，后置1200万 AI 双摄</div>
					</div>
					<div class="clear"></div>
				</div>
				<div class="content">
					<div class="remen fl" style="opacity: 0"><a href=""></a>
					</div>
					<div class="remen fl">
						<div class="xinpin"><span style="background:#fff"></span></div>
						<div class="tu"><a href=""><img src="image/phone/mi8.jpg"style="width: 150px;height: 150px"></a></div>
						<div class="miaoshu"><a href="">小米8 屏幕指纹版</a></div>
						<div class="jiage">1999元</div>
						<div class="pingjia">全球首款压感屏幕指纹 骁龙845处理器</div>
					</div>
					<div class="remen fl">
						<div class="xinpin"><span style="background:#fff"></span></div>
						<div class="tu"><a href=""><img src="image/phone/mi8te.jpg"style="width: 150px;height: 150px"></a></div>
						<div class="miaoshu"><a href="">小米8 青春版</a></div>
						<div class="jiage">1499元</div>
						<div class="pingjia">潮流镜面渐变色，2400万自拍旗舰</div>
					</div>
					<div class="remen fl">
						<div class="xinpin"><span style="background:#fff"></span></div>
						<div class="tu"><a href=""><img src="image/phone/center7.jpg"style="width: 150px;height: 150px"></a></div>
						<div class="miaoshu"><a href="">Redmi Note 7</a></div>
						<div class="jiage">59元</div>
						<div class="pingjia">4800万拍照，4000mAh大电量</div>
					</div>
                    <div class="remen fl">
                        <div class="xinpin"><span style="background:#fff"></span></div>
                        <div class="tu"><a href=""><img src="image/phone/redmik20.jpg" style="width: 150px;height: 150px"></a></div>
                        <div class="miaoshu"><a href="">Redmi k20</a></div>
                        <div class="jiage">2599元</div>
                        <div class="pingjia">骁龙855旗舰处理器，索尼4800万超</div>
                    </div>
					<div class="clear"></div>
				</div>				
			</div>
		</div>

		<footer class="mt20 center">			
			<div class="mt20">小米商城|MIUI|米聊|多看书城|小米路由器|视频电话|小米天猫店|小米淘宝直营店|小米网盟|小米移动|隐私政策|Select Region</div>
			<div>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</div> 
			<div>违法和不良信息举报电话：185-0130-1238，本网站所列数据，所有数据均出自我司实验室测试</div>
		</footer>

	</body>

</html>